.ex-list {
	margin: 0 3%;
	background: #fff;
	border-radius: 0.15rem;
	overflow: hidden;
}

.ex-list ul {
	padding: 5%;
	float: left;
	width: 50%;
}

.ex-list ul>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ex-list ul>li.list {
	border-bottom: 1px solid #f5f5f5;
}

.ex-list ul>li.list:last-child {
	border-bottom: 0 none;
}

.ex-list ul>li h1 {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 0.36rem;
	padding-bottom: 8%;
}

.ex-list ul>li em {
	width: 33.3333333%;
	text-align: center;
	display: inline-block;
	color: #b6b9d5;
	font-weight: 500;
	font-size: 0.26rem;
	padding-bottom: 3%;
}

.ex-list ul>li em:first-child {
	text-align: left;
}

.ex-list ul>li em:last-child {
	text-align: right;
}

.ex-list ul>li span {
	width: 33.3333333%;
	text-align: center;
	display: inline-block;
	color: #313131;
	font-weight: 500;
	font-size: 0.25rem;
	padding: 5% 0;
}

.ex-list ul>li span:first-child {
	text-align: left;
}

.ex-list ul>li span:last-child {
	text-align: right;
}

.ex-header {
	background: linear-gradient(180deg, #178aff, #194291 100%);
	height: 3.5rem;
}

.ex-chart {
	position: relative;
	margin: -3rem 3% 3%;
	background: #fff;
	border-radius: 0.15rem;
	padding: 3%;
}

.ex-chart .ex-chart-cent {
	height: 100%;
}

.ex-chart .ex-item {
	margin-bottom: 5%;
}

.ex-chart .ex-item label {
	width: 49%;
	margin-right: 2%;
	padding: 4% 3%;
	background: #eff6ff;
}

.ex-chart .ex-item label .int {
	text-align: center;
	font-size: 0.25rem
}

.ex-chart .ex-item label:last-child {
	margin-right: 0;
}

.ex-chart .ex-sub {
	margin-bottom: 3%;
}

.ex-chart .ex-sub .button {
	width: 49%;
	margin-right: 2%;
}

.ex-chart .ex-sub .button:first-child {
	background: #FFB00D;
	border: 1px solid #FFB00D;
}

.ex-chart .ex-sub .button:last-child {
	margin-right: 0;
}

.ex-echart {
	width: calc(100%);
	height: 220px;
}

.ex-chart-cent h4 {
	font-size: 0.25rem;
	text-align: right;
	color: #313131;
	font-weight: 500;
}

.ex-chart-cent .ex-oeder {
	overflow: hidden;
	margin-bottom: 2%;
}

.ex-chart-cent .ex-oeder>a {
	float: right;
	color: #178aff;
	padding: 2% 5% 2% 3%;
	position: relative;
	font-size: 0.27rem;
}

.ex-chart-cent .ex-oeder>a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 0.26rem;
	height: 100%;
	margin-top: -0.16rem;
	background: url(../../public/images/icon_order.png) no-repeat;
	background-size: 100%;
}
